<html>
<head>

		<link rel="stylesheet" href="${resource(dir: 'css', file: 'style.css')}" type="text/css">
</head>

<body>
<div id="wrap">
<div class="header">
<div id="logo">
</div>
<div class="title">
<h3> Books To Africa</h3>
</div>
 <div id="menu">
            <ul>                                                                       
            <li><a href="${createLink(controller:'Home',action:'home')}">home</a></li>
            </ul>
        </div>     


</div>

<g:form action="register" url="[action:'teacherRegister',controller:'teacherRegister']">
	<div id="menu" style="background-color:#6F605A;height:300px;width:300px;position:absolute;top:200px;left:100px">	
		<dt>first name </dt>
		<dt>
			<g:textField name = "firstName" />
		</dt>
		
		<dt>last name </dt>
		<dt>
			<g:textField name = "lastName" />
		</dt>
		
		<dt>street </dt>
		<dt>
			<g:textField name = "street" />
		</dt>
		
		<dt>town </dt>
		<dt>
			<g:textField name = "town" />
		</dt>
		
		<dt>country </dt>
		<dt>
			<g:countrySelect name = "country"
			noSelection="['':'Please choose country']" />
		</dt>
		
		<dt>school name </dt>
		<dt>
			<g:textField name = "schoolName" />
		</dt>
	</div>
	<div id="menu" style="background-color:#6F605A;height:300px;width:300px;position:absolute;top:200px;left:450px">
	<!--	<dt>photo of you </dt>-->
		<dt>
<!--			<input type = "file" name = "teacherPicture" />-->
		</dt>
		
	<!--	<dt>photo of your school </dt>-->
		<dt>
<!--			<input type = "file" name = "schoolPicture" />-->
		</dt>
		<dt>grade level </dt>
		<dt>
		<g:textField name="gradelevel"/>	
		</dt>

		<dt>telephone number </dt>
		<dt>
	<g:textField name="phonenumber"/>	
		</dt>
		
		<dt>email </dt>
		<dt>
		<g:textField name="email"/>	
		</dt>
		<dt>user name </dt>
		<dt>
			<g:textField name = "userName" />
		</dt>
		
		<dt>password </dt>
		<dt>
			<g:passwordField name = "password" />
		</dt>
		
		<dt>repeat password </dt>
		<dt>
			<g:passwordField name = "passwordAgain" />
		</dt>

		<dt>
			<g:actionSubmit value="Register" action="teacherRegister" />
		</dt>
		<dt>
			<g:actionSubmit value="Cancel" />
		</dt>
	</div>
</g:form>


</body>
</html>

